<template>
  <span>
    <svg-icon :icon-class="icon"></svg-icon>
    <span>{{ title }}</span>
  </span>
</template>
<script>
export default {
  name: "MenuItem",
  props: {
    icon: {
      type: String,
      default: "",
    },
    title: {
      type: String,
      default: "",
    },
  },
  // render(h, context) {
  //   const { icon, title } = context.props;
  //   return h("span", {}, title);
  // },
};
</script>
